<!---- 模板 on 2017/3/30 -->
<script ng-init="initCss()"></script>
<div class="page">
    <header class="bar bar-nav">
        <a class="icon icon-left pull-left" href="javascript:history.go(-1);"></a>
        <h1 class="title">添加安全事故</h1>
    </header>
    <div class="content" ng-init="">
        <div class="list-block">
            <ul>
                <!-- Text inputs -->
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">事故描述</div>
                            <div class="item-input">
                                <input ng-model="accident.accidentDescription" type="text"
                                       placeholder="简要地对事故进行描述（50字内）">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">事故等级</div>
                            <div class="item-input">
                                <select ng-model="accident.accidentLevel"
                                        ng-options="x.level as x.description for x in levelOption">
                                </select>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">事故损失</div>
                            <div class="item-input">
                                <input ng-model="accident.accidentCostMoney" type="number"
                                       placeholder="事故的损失金额，单位（￥）">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">事故发生的时间</div>
                            <div class="item-input">
                                <input ng-model="accident.accidentHappenedTime" type="date"
                                       placeholder="事故发生的时间">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="align-top">
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-name"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">事故详情</div>
                            <div class="item-input">
                                <textarea ng-model="accident.accidentDetail" placeholder="阐述事故的详细情况"></textarea>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content-block">
            <p><a href="javascript:;" ng-click="register()" class="button button-big">提交</a></p>
        </div>
    </div>
</div>
<div ng-init="suiMobileInit()"></div>